<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/templates/TemplateBasic.xhtml">
	
	
	<ui:define name="content">
		<h1 class="title ui-widget-header ui-corner-all">Login</h1>
			<p>Inicie Sesion</p>
						
				<h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="login">	
					<p:graphicImage value="/images/home.png" />
				</h:outputLink>
	<h:form>			
				<p:growl id="growl" showDetail="true" life="3000" />
	
				<p:dialog id="dialog" header="Login" widgetVar="dlg" >
						
					
					
		<h:panelGrid columns="2" cellpadding="5">
							<h:outputLabel for="nombre" value="Username: *" />
							<h:inputText id="nombre" value="#{usuarioBean.username}" required="true" label="username" />
							
							<h:outputLabel for="password" value="Password: * " />
							<h:inputSecret value="#{usuarioBean.password}" id="password" required="true" label="password" />
							
							<f:facet name="footer">
								<p:commandButton value="Login" update="growl" oncomplete="dlg.hide()" 
									actionListener="#{usuarioBean.login}" />
							</f:facet>
						</h:panelGrid>
					
				</p:dialog>
				</h:form>
	</ui:define>
</ui:composition>